<template>
  <div>
    <img :src="logoImg" alt="logo" class='img' @click='goAboutPage'>
    <span>vue子应用</span>
  </div>
</template>

<script>

import logoImg from '@/assets/logo.png';
export default {
  name: 'Home',
  data() {
    return {
      logoImg
    }
  },
  methods: {
    goAboutPage() {
      this.$router.push({
        name: 'About'
      })
    }
  }
}
</script>

<style lang="css" scope>
  .img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
  }
</style>
